<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>布局基础-定宽模式</title>
    <link rel="stylesheet" href="CSS/normalize.css">
    <link rel="stylesheet" href="CSS/layout1.css">
    <div class="wrapper">
        <div class="header">
            <h1>定宽布局1006px</h1>
            <p>采用栅格系统设计  12列  列宽为78px   留白5px   实际内容宽度为991px  每格宽度83px</p>
        </div>
        <div class="clear"></div>
        <div class="main">
            <div class="sidebar">
                <p>3列 * 83 = 249 px,实际内容宽度，留白5px</p>
            </div>
            <div class="content">
                <p>9列*83-5 = 742 px </p>
            </div>
        </div>
        <div class="clear"></div>
        <div class="footer">
            <address>页脚：地址信息</address>
        </div>
    </div>
</head>
<body>

</body>
</html>